@import './variable.less';
@import '../chongqing/usercenter.less';

.user-center-qiji {
   .hairline(top, rgb(210, 211, 216));
   .scrollable();
   .full-screen();
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: stretch;

   background-image: url("../../images/qiji/usercenter/bg.png");
   background-repeat: no-repeat;
   background-position: top left;
   background-size: 100% auto;
   box-sizing: border-box;
   padding: 150/@ppr 30/@ppr 0 30/@ppr;

   .info-sect {
     width: 100%;
     height: auto;
     position: relative;

     .infoImg {
       width: 100%;
       height: auto;
     }

     .info {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
       height: 100%;
       z-index: 1;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;

       .info-title {
         font-size: 30/@ppr;
         color: #8c8c94;
         padding-left: 44/@ppr;
         padding-right: 44/@ppr;
         background-image: url("../../images/cq/user/user-left-icon.png"),
           url("../../images/cq/user/user-right-icon.png");
         background-repeat: no-repeat, no-repeat;
         background-position: left center, right center;
         background-size: 36/@ppr 10/@ppr, 36/@ppr 10/@ppr;

       }

       .info-text {
         font-size: 100/@ppr;
         color: #333;
         margin-top: 20/@ppr;
         font-family: 'DINMittelschrift-Alternate';
       }
     }
   }

   .tab-sect {
     display: flex;
     align-content: center;
     justify-content: space-around;
     flex-wrap: wrap;
     background-color: white;
     border-radius: 4/@ppr;
    //  margin-top: 15/@ppr;
     padding-top: 35/@ppr;
     padding-bottom: 35/@ppr;
     min-height: 98/@ppr;

     .item {
       text-align: center;
      //  margin-bottom: 20/@ppr;

     }

     .item>img {
       width: 50/@ppr;
       height: 50/@ppr;
     }

     .item>div {
       text-align: center;
       font-size: 28/@ppr;
       color: #2e2e36;
       margin-top: 20/@ppr;
     }
   }

   .loginout-but {
     width: 358/@ppr;
     height: 80/@ppr;
     line-height: 80/@ppr;
     font-size: 32/@ppr;
     color: #8c8c94;
     border-radius: 80/@ppr;
     background-color: white;

     border: 2/@ppr solid rgb(210, 211, 216);
     margin: 85/@ppr auto 0 auto;
     text-align: center
   }

   .footer-sect {

     // position: fixed;
     // bottom: 0;
     // left: 0;
     width: 100%;
     box-sizing: border-box;
     padding: 44/@ppr 0;
     display: flex;
     align-content: center;
     justify-content: space-between;
     margin-top: 50/@ppr;
     font-size: 24/@ppr;
     color: #b1b1b8;

     .tel-icon {
       width: 68/@ppr;
       height: 68/@ppr;
     }

     .title {
       margin-bottom: 4/@ppr;
     }

     .tel {
       font-size: 28/@ppr;
       color: #409eff;
     }
   }
}
